<template>
	<div>
		<van-nav-bar
			:title="title" 
			right-text="完成"
			:fixed="true" 
			left-arrow 
			@click-left="onClickLeft" 
			@click-right="onClickRight"
		/>
		
		<h6>收藏为空，如何找寻回忆？</h6>
		<van-button color="#cb7e91" plain to="fashion" class="btn">去逛逛</van-button>
		
		<van-cell>
			<van-submit-bar
			  button-text="删除"
			  @submit="onSubmit"
			/>
		</van-cell>
	</div>
</template>

<script>
	export default{
		name:"Collect",
		data(){
			return {
				title: "我的收藏",
			}
		},
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			},
			onClickRight(){
				// this.$router.push('/blacklist')
			},
			onSubmit(){
				
			}
		}
	}
</script>

<style scoped="">
	.van-nav-bar__title {
	  color: #fff;
	  font-size: 14px;
	}
	
	.van-nav-bar {
	  height: 46px;
	  background: #d46170;
	}
	
	.van-icon,
	.van-icon::before {
	  color: #FFF;
	  font-size: 12px;
	}
	h6{
	  margin-top: 50%;
	  text-align: center;
	  font-size: 12px;
	  font-weight: normal;
	  color: #999;
	}
	.van-nav-bar__text{color: #fff;font-size: 12px}
	.btn{width: 50px;height: 23px;font-size: 10px;line-height: 23px;text-align: center;}
	.van-button--normal{padding: 0;margin-left: 40%;background: #fcf2f2;}
	.van-button--danger{background: #fff;border: 1px solid #e1829b;width: 42px;height: 24px;border-radius: 12px;margin-right: 17px;color: #e1829b;font-size: 10px;line-height: 24px;}
</style>
